<template>
  <div
    v-if="record.isRecordPath || record.isRecord"
    class="fixed rounded-md bg-[#072233] opacity-60 flex flex-col p-4"
  >
    <div class="flex">
      <div class="w-28 text-right">{{ t('lu-zhi-zong-dian-shu') }}：</div>
      <div>
        {{ record.allRecordSum }}
      </div>
    </div>
    <div class="flex">
      <div class="w-28 text-right">{{ t('shi-ji-lu-zhi-dian-shu') }}：</div>
      <div>{{ record.filterRecordSum }}</div>
    </div>
  </div>
</template>
<script setup lang="ts">
import { useRecordStore } from '@/shared/map/record'
import { useI18n } from 'vue-i18n'
const { t } = useI18n()
const record = useRecordStore()
</script>
